//main.js做一些初始化的设置
//main.js是入口文件

// import './assets/main.css'

import { createApp } from 'vue'
import App from './App.vue'//引入根组件
import '@/styles/common.scss'//引入初始化样式文件

import { createPinia } from 'pinia'

import router from './router'

//引入懒加载指令插件并且注册
import {lazyPlug} from '@/directives/index'
//引入全局组件插件
import {componentPlugin} from '@/components/index'
//全局注册pinia插件
import piniaPluginPersistedstate from 'pinia-plugin-persistedstate'

/* //测试接口函数
import {getCategory} from '@/apis/textApi'
getCategory().then(res=>{
  console.log(res);
}) */


const app = createApp(App)//用createApp创建了一个应用实例   (把根组件渲染出来)



//安装pinia，引入pinia的方法createPinia，用createPinia生成一个pinia实例
//util组件中引入pinia的方法defineStore，传入两个参数
const pinia = createPinia()
pinia.use(piniaPluginPersistedstate)
//全局注册pinia
app.use(pinia)
//利用pinia实例的use方法注册pinia的持久化插件piniaPluginPersistedstate




//router组件中引入createRouter,createWebHistory，生成router实例并暴漏，这里引入并注册
app.use(router)
//全局注册插件
app.use(lazyPlug)
app.use(componentPlugin)
app.mount('#app')//挂载到id为app的节点上  （挂载到index.html）







